.containerRoot {
    display: flex;/**/
    flex-direction: column;/*flex-direction:flex容器主轴方向,默认row。可选项有：column：垂直方向从上到下；row：水平方向从左到右*/
    flex-wrap: nowrap;/*flex容器是单行还是多行显示，该值暂不支持动态修改。可选项有：nowrap：不换行，单行显示；wrap：换行，多行显示。*/
    justify-content: flex-start;/*flex容器当前行的主轴对齐格式。可选项有：flex-start：项目位于容器的开头。flex-end：项目位于容器的结尾。
    center：项目位于容器的中心。space-between：项目位于各行之间留有空白的容器内。space-around：项目位于各行之前、之间、之后都留有空白的容器内。*/
    width: 100%;
    height: 100%;
}

/*页面区域*/
.containerTop {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex: 1;
}
/*底部导航栏*/
.containerBottom {
    height: 60px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    border-top: 1px lightgray;
}